.wrapper
    width 100%
    height 620px
    padding 90px 0
    margin auto
    background-color $bg
    border 10px solid transparent
    border-image url('../img/x.png') 10 round
    .littleH
        position relative
        /*padding 100px 0*/
        .bodyH
            position absolute
            width 240px
            height 400px
            left 50%
            margin-left -120px
            border 5px solid $gray
            border-radius 115px
            overflow hidden
            background-color $yellow
            z-index 66
            .trousers
                position absolute
                bottom 0
                width 100%
                height 120px
                border-top 6px solid $gray
                background-color $darkblue
                z-index 10
                .trousers_top
                    position absolute
                    bottom 114px
                    height 56px
                    width 180px
                    left 50%
                    margin-left -90px
                    border 6px solid $gray
                    border-bottom-width 0
                    background-color $darkblue
                    z-index 19
                .pocket
                    position absolute
                    width 80px
                    height 60px
                    left 50%
                    top -15px
                    margin-left -40px
                    border 6px solid $gray
                    border-radius 0 0 25px 25px
                    z-index 29
                .condoleBelt
                    position absolute
                    .left,.right
                        position absolute
                        top -80px
                        width 100px
                        height 26px
                        background-color $darkblue
                        border 5px solid $gray
                        z-index 39
                        &:after
                            content ''
                            position absolute
                            width 10px
                            height 10px
                            top 3px
                            left 4px
                            border-radius 50%
                            background-color $gray
                    .left
                        left 165px
                        transform rotate(-45deg)
                    .right
                        transform rotate(-135deg)
                        left -35px
                .lineThree
                    position absolute
                    width 100%
                    height 100%
                    .lineLeft,.lineRight
                        position absolute
                        width 40px
                        height 40px
                        border-right 6px solid $gray
                        border-bottom 6px solid $gray
                        border-bottom-right-radius 100px
                    .lineLeft
                        left 0
                        top 10px
                        transform rotate(20deg)
                    .lineRight
                        right 0
                        top 10px
                        transform rotate(70deg)
                    .lineBottom
                        position absolute
                        bottom 0
                        width 6px
                        height 40px
                        left 50%
                        margin-left -3px
                        background-color $gray
            .eyes
                position absolute
                top 50px
                width 184px
                left 50%
                margin-left -92px
                z-index 101
                .leftEye,.rightEye
                    position absolute
                    width 92px
                    height 92px
                    border-radius 50%
                    border 6px solid $gray
                    background-color $white
                    .leftBlack,.rightBlack
                        position absolute
                        width 40px
                        height 40px
                        left 50%
                        top 50%
                        margin-left -20px
                        margin-top -20px
                        border-radius 50%
                        background-color $gray
                        animation eyeBlackmove 5s ease-in-out infinite
                        .leftWhite,.rightWhite
                            position absolute
                            width 20px
                            height 20px
                            right 5px
                            top 5px
                            border-radius 50%
                            background-color $white
                            animation eyeWhitemove 5s ease-in-out infinite
                    &:after
                        content ''
                        position absolute
                        width 40px
                        height 18px
                        top 50%
                        margin-top -9px
                        background-color $gray
                .leftEye
                    &:after
                        left -41px
                        transform rotate(7deg) skewX(20deg)
                .rightEye
                    left 92px
                    &:after
                        right -41px
                        transform rotate(-7deg) skewX(-20deg)
            .mouth
                position absolute
                top 150px
                left 50%
                margin-left -30px
                width 60px
                height 40px
                border 5px solid $gray
                border-width 0 0 5px 5px
                border-bottom-left-radius 30px
                background-color $white
                transform rotate(-30deg)
                z-index 90
                animation mouthmove 5s ease-in-out infinite
                .mouthInner
                    &:after
                        content ''
                        position absolute
                        width 70px
                        height 35px
                        border-bottom 5px solid $gray
                        background-color $yellow
                        transform rotate(30deg)
                        top -100%
                        left -1px
                        margin-top 24px
        .feet
            position absolute
            top 400px
            width 80px
            height 50px
            left 50%
            margin-left -40px
            margin-top -6px
            z-index 55
            .leftFoot,.rightFoot
                position absolute
                width 36px
                height 50px
                top 0px
                background-color $gray
                &:after
                    content ''
                    position absolute
                    width 50px
                    height 36px
                    background-color $gray
            .leftFoot
                left 0
                border-radius 0 0 8px 0
                animation leftFootmove .8s ease-in-out infinite
                &:after
                    left -100%
                    bottom 0px
                    border-radius 36px 0 0 24px
                    /*transform rotate(3deg)*/
            .rightFoot
                right 0
                border-radius 0 0 0 8px
                animation rightFootmove .8s ease-in-out infinite
                &:after
                    right -100%
                    bottom 0
                    border-radius 0 36px 24px 0
                    /*transform rotate(-3deg)*/
        .hands
            position absolute
            top 200px
            width 240px
            left 50%
            margin-left -120px
            z-index 60
            .leftHand,.rightHand
                position absolute
                top 0
                width 90px
                height 90px
                border 6px solid $gray
                background-color $yellow
                border-radius 25px
                &:after
                    content ''
                    position absolute
                    width 6px
                    height 12px
                    border-radius 3px
                    background-color $gray
            .leftHand
                left -20px
                transform rotate(40deg)
                animation leftHandmove .8s ease-in-out infinite
                &:after
                    left 16px
                    bottom 16px
            .rightHand
                right -20px
                transform rotate(-40deg)
                animation rightHandmove .8s ease-in-out infinite
                &:after
                    right 16px
                    bottom 16px
        .hair
            position absolute
            left 50%
            width 240px
            margin-left -110px
            .hairOne
                position absolute
                width 140px
                height 110px
                border-radius 50%
                border-top 8px solid $gray
                transform rotate(27deg)
                top -20px
                animation hairmove 2s ease-in-out infinite
            .hairTwo
                position absolute
                width 100px
                height 80px
                border-radius 50%
                border-top 6px solid $gray
                transform rotate(16deg)
                left 30px
                top -10px
        .groundShadow
            position absolute
            top 444px
            left 50%
            margin-left -100px
            width 200px
            height 2px
            border-radius 50%
            background-color rgba(0,0,0,0.3)
            box-shadow 0 0 2px 4px rgba(0,0,0,0.3)
            z-index 44
@keyframes hairmove
    30%
        transform rotate(30deg) translate3d(-3px,-1px,0)
@keyframes eyeBlackmove
    0%,20%,50%,70%,100%
        transform translate(0px)
    30%,40%
        transform translateX(12px)
    80%,90%
        transform translateX(-12px)
@keyframes eyeWhitemove
    0%,20%,50%,70%,100%
        transform translate(0px)
    30%,40%
        transform translate3d(2px,5px,0)
    80%,90%
        transform translate3d(-12px,5px,0)
@keyframes mouthmove
    0%,35%,48%,100%
        transform rotate(-30deg)
    40%,43%
        transform rotate(-30deg) scale(0.85)
@keyframes leftHandmove
    0%,50%,100%
        transform rotate(40deg)
    30%
        transform rotate(37deg) translateX(1px)
@keyframes rightHandmove
    0%,50%,100%
        transform rotate(-40deg)
    80%
        transform rotate(-37deg) translateX(-1px)
@keyframes leftFootmove
    0%,50%,100%
        transform rotate(0deg)
    30%
        transform rotate(10deg) translateX(-5px)
@keyframes rightFootmove
    0%,50%,100%
        transform rotate(0deg)
    80%
        transform rotate(-10deg) translateX(5px)